﻿<%@ Page Language="C#" MasterPageFile="~/Publish/DanhBaThoiTrang.master" AutoEventWireup="true"
    CodeFile="Default.aspx.cs" Inherits="Publish_Default" Theme="Green" %>

<asp:Content ID="Content2" ContentPlaceHolderID="cphContent" runat="Server">
    <div id="home_top">
        <div id="topleftside">
            <div id="random">
                <p>
                    Random</p>
            </div>
            <asp:Repeater ID="rptProductRandom" runat="server" EnableViewState="false">
                <HeaderTemplate>
                    <ul id="productrandom">
                </HeaderTemplate>
                <ItemTemplate>
                    <li>
                        <%# BindProduct(Eval("IDProduct").ToString())%></li></ItemTemplate>
                <FooterTemplate>
                    </ul></FooterTemplate>
            </asp:Repeater>
            <div id="random_bottom">
                <p>
                    <a href="Product.aspx">Xem tất cả</a></p>
            </div>
        </div>
        <div id="topmiddleside">
            <div id="type">
                <div class="slideshow">
                    <object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
                        height="207" width="453" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000">
                        <param name="FlashVars" value="" />
                        <param name="Movie" value="../images/slideshow.swf" />
                        <param name="Src" value="../images/slideshow.swf" />
                        <param name="WMode" value="Transparent" />
                        <param name="Play" value="1" />
                        <param name="Loop" value="1" />
                        <param name="Quality" value="High" />
                        <param name="SAlign" value="" />
                        <param name="Menu" value="-1" />
                        <param name="Base" value="" />
                        <param name="AllowScriptAccess" value="" />
                        <param name="Scale" value="ShowAll" />
                        <param name="DeviceFont" value="0" />
                        <param name="EmbedMovie" value="0" />
                        <param name="BGColor" value="" />
                        <param name="SWRemote" value="" />
                        <param name="MovieData" value="" />
                        <param name="SeamlessTabbing" value="1" />
                        <param name="Profile" value="0" />
                        <param name="ProfileAddress" value="" />
                        <param name="ProfilePort" value="0" />
                        <embed src="../images/slideshow.swf" quality="high" wmode="transparent" width="453"
                            height="207" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" />
                    </object>
                </div>

                <script type="text/javascript" language="javascript">
                function typeTab(type) {
                    var tab1, tab2, tab3, salesoff, newarrival, hotproduct;
                    tab1 = document.getElementById('typecontent1');
                    tab2 = document.getElementById('typecontent2');
                    tab3 = document.getElementById('typecontent3');
                    salesoff = document.getElementById('salesoff');
                    newarrival = document.getElementById('newarrival');
                    hotproduct = document.getElementById('hotproduct');
                    if (tab1 != null && tab2 != null && tab3 != null && salesoff != null && newarrival != null && hotproduct != null) {
                        tab1.style.display = 'none';
                        tab2.style.display = 'none';
                        tab3.style.display = 'none';
                        salesoff.className = "taboff";
                        newarrival.className = "taboff";
                        hotproduct.className = "taboff";
                        
                        if (type==1) {
                            tab1.style.display = '';
                            salesoff.className = "tabon";
                        } else if (type==2) {
                            tab2.style.display = '';
                            newarrival.className = "tabon";
                        } else {
                            tab3.style.display = '';
                            hotproduct.className = "tabon";
                        }
                    }
                }
                </script>

                <div class="tabbox">
                    <div id="salesoff" class="taboff">
                        <p>
                            <a href="#" onclick="typeTab(1);">Sales Off</a></p>
                    </div>
                    <div id="newarrival" class="taboff">
                        <p>
                            <a href="#" onclick="typeTab(2);">New Arrial</a></p>
                    </div>
                    <div id="hotproduct" class="taboff">
                        <p>
                            <a href="#" onclick="typeTab(3);">Hot Product</a></p>
                    </div>
                </div>

                <script language="JavaScript" src="../scripts/scroll_tab.js" type="text/javascript"></script>

                <div class="tabcontent">
                    <asp:Repeater ID="rptProduct" runat="server" EnableViewState="false">
                        <ItemTemplate>
                            <div id="typecontent<%# Eval("ProductType") %>" class="typecontent">
                                <div class="back">
                                    <div>
                                        <img style="opacity: 1; cursor: hand; cursor: pointer;" src="../images/back.jpg"
                                            id="backbuttonid<%# Eval("ProductType") %>" alt="" /></div>
                                </div>
                                <div class="listproduct">
                                    <div style="left: 0px;" id="contentframeid<%# Eval("ProductType") %>" class="contentframe">
                                        <%#ShowListProduct(Eval("ProductType").ToString(), Eval("Title").ToString())%>
                                    </div>
                                </div>
                                <div class="next">
                                    <div>
                                        <img style="opacity: 1; cursor: hand; cursor: pointer;" src="../images/next.jpg"
                                            id="forwardbuttonid<%# Eval("ProductType") %>" alt="" /></div>
                                </div>

                                <script language="JavaScript" type="text/javascript">
                                if (objFlag<%# Eval("ProductType") %>==1)
                                    var FB_category<%# Eval("ProductType") %> = new BBY.dhtml.Carousel({
                                        visible:3,
                                        increment:3,
                                        contentframe:"contentframeid<%# Eval("ProductType") %>",
                                        content:"contentid<%# Eval("ProductType") %>",
                                        backbutton:"backbuttonid<%# Eval("ProductType") %>",
                                        forwardbutton:"forwardbuttonid<%# Eval("ProductType") %>"
                                    });
                                </script>

                            </div>
                        </ItemTemplate>
                    </asp:Repeater>
                </div>

                <script type="text/javascript" language="javascript">
                typeTab(1);
                </script>

            </div>
        </div>
        <div id="toprightside">
            <div id="collection">
                <p>
                    Collection</p>
            </div>
            <div id="collection_bg">
                <div>
                    <table align="center" cellpadding="2">
                        <tr>
                            <td>
                                <a href="Collection.aspx?id=0"><span>Xuân</span></a>
                            </td>
                            <td>
                                <a href="Collection.aspx?id=1"><span>Hạ</span></a>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <a href="Collection.aspx?id=2"><span>Thu</span></a>
                            </td>
                            <td>
                                <a href="Collection.aspx?id=3"><span>Đông</span></a>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>

            <script language="javascript" type="text/javascript" src="../scripts/ComponentArt.js"></script>

            <div id="advcolbox">
                <%=ReadFashionAdvertise()%>
            </div>
        </div>
        <div class="clear">
        </div>
    </div>
    <div id="home_bottom">
        <div id="leftside">
            <div id="newstitle">
            </div>
            <asp:Repeater ID="rptLatestNews" runat="server" EnableViewState="false">
                <HeaderTemplate>
                    <ul id="latestnews">
                </HeaderTemplate>
                <ItemTemplate>
                    <li>
                        <%# BindNews(Eval("IDNews").ToString(), Eval("Title").ToString(), Eval("ShortText").ToString(), Eval("Image").ToString())%></li></ItemTemplate>
                <FooterTemplate>
                    </ul></FooterTemplate>
            </asp:Repeater>
        </div>
        <div id="middleside">
            <div id="advtitle">
            </div>
        </div>
        <div id="rightside">
            <div id="supporttitle">
            </div>
            <asp:Repeater ID="rptSupport" runat="server" EnableViewState="false">
                <HeaderTemplate>
                    <ul id="online">
                </HeaderTemplate>
                <ItemTemplate>
                    <li>
                        <%# BindSupport(Eval("Nickname").ToString(), Eval("ChatServer").ToString(), Eval("Fullname").ToString(), Eval("Position").ToString())%></li></ItemTemplate>
                <FooterTemplate>
                    </ul></FooterTemplate>
            </asp:Repeater>
            <div id="hottitle">
            </div>
            <asp:Repeater ID="rptHotNews" runat="server" EnableViewState="false">
                <HeaderTemplate>
                    <ul id="hotnews">
                </HeaderTemplate>
                <ItemTemplate>
                    <li>
                        <%# BindNews(Eval("IDNews").ToString(), Eval("Title").ToString(), Eval("Image").ToString())%></li></ItemTemplate>
                <FooterTemplate>
                    </ul></FooterTemplate>
            </asp:Repeater>
        </div>
        <div class="clear">
        </div>
    </div>
</asp:Content>
